.user {
  width: 100%;
  height: 100vh;
  position: relative;
}

.user .user_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background-image: url("https://images.unsplash.com/photo-1458682625221-3a45f8a844c7?q=80&w=3174&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-size: cover;
  background-position: center;
}

.user .user_bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 240px;
  background-image: linear-gradient(to top, #000000 0%, transparent 60%);
}
